<link rel="stylesheet" type="text/css" href="<?=TEMPLATE_PATH?>css/jquery-ui.css" media='all'/>
<link rel="stylesheet" type="text/css" href="<?=TEMPLATE_PATH?>css/layerslider.css" media='all'/>	
<div id="slider">             
   
   <div id="layerslider" style="width: 100%; height: auto;">  
       
       <?
      $slides = slides();
      foreach($slides as $key=>$row){
   ?>
         <div class="ls-layer" style="slidedirection:fade;durationout : 8000;">
            <img class="ls-s1" src="<?=($row['sli_picture_bg']) ? W_DOMAIN.slides_img.$row['sli_picture_bg'] : W_DOMAIN.slides_img.'bgsl1.jpg'?>" alt="layer1-background" style="left:-450px;slidedirection : fade;">				
            <img class="ls-s2" src="<?=W_DOMAIN.slides_img.$row['sli_picture']?>" alt="layer1-sublayer1" <?=($key%2 !=0) ? 'style="text-align:right;top:50px;left:500px; slidedirection : left; slideoutdirection : left; durationin : 1000; durationout : 1000; easingin : easeInOutElastic; easingout : easeInOutElastic; delayin : 1000; delayout : 0; "' : ''?>>
            <img class="ls-s3" src="<?=W_DOMAIN.slides_img.$row['sli_picture_title']?>" style="top:50px; left:<?=($key%2 ==0) ? '500px' : '100px'?>; slidedirection : top; slideoutdirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutElastic; easingout : easeInOutElastic; delayin : 1000; delayout : 0; ">
            <?
               $arr_ct = explode('|',$row['sli_content']);
               foreach($arr_ct as $k=>$r){
            ?>
                  <h3 class="ls-s4" style="text-align:left;font-size: 24px;color:rgb(51, 51, 51);top:<?=(160 + $k*40)?>px; left: <?=($key%2 ==0) ? '500px' : '100px'?>; slidedirection : top; slideoutdirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutElastic; easingout : easeInOutElastic; delayin : <?=(2000 + $k*1500)?>; delayout : 0; ">
                     › <?=$r?>
                  </h3>            
            <?            
                                 
               }               
           ?>
         </div>   
   <?      
      }
   ?>     
    
       
    
   </div>
</div>